<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2024/4/22
  Time: 16:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>学生选课</title>
  <link rel="stylesheet" href="/static/layui/css/layui.css">
  <script src="/static/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/mylayer.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/kindeditor/kindeditor.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<form class="layui-form" lay-filter="addFormFilter" action="">
  <input type="hidden" name="id"> <%--隐藏学生id--%>
  <div class="layui-form-item">
    <label class="layui-form-label">学生id(学号)</label>
    <div class="layui-input-block">
      <input type="text" name="id" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
  </div>

  <label class="layui-form-label">课程名</label>
  <div class="layui-inline layui-input-wrap">
    <select id="courseId" name="courseId" lay-filter="courseId">
      <option value="">请选择</option>
    </select>
  </div>

  <div class="layui-form-item">
    <div class="layui-input-block">
      <button type="submit" class="layui-btn" lay-submit lay-filter="submit">立即选课</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

<script>
  layui.use(['form'],function (){
    var form = layui.form;

    /*下拉框：博客类型*/
    $.post(
        '/xiCourse?method=selectAll',
        function (result) {
          if (result.code == 0){
            $(result.data).each(function () {
              $('#courseId').append('<option value="'+this.id+'">'+this.name+'</option>');
            })
            //局部变动，渲染一下
            form.render('select');
          }
        },
        'json'
    );


    //拿到blog_list.jsp传递过来的参数--编辑回显数据
    var queryString = window.location.search;
    var urlParams = new URLSearchParams(queryString);
    var id = urlParams.get("id");

    $.post(
        '/studentCou?method=selectById',
        {'id':id},
        function (result) {
          //console.log(result);
          if (result.code == 0){

            form.val('addFormFilter',result.data.student);
          }
        },
        'json'
    );

    //绑定提交事件
    form.on('submit(submit)',function (data) {
      //获取表单字段
      var field = data.field;
      console.log(data);
      // 此处可执行 Ajax 等操作
      $.post(
              '/studentCou?method=addElective',
              field,
              function (result) {
                console.log(result);
                if (result.code == 0) {
                  mylayer.okMsg(result.msg);
                  setInterval(function (){
                    //关闭弹出框
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                    //刷新父页面
                    window.parent.location.reload();
                  },2000)
                } else {
                  mylayer.errorMsg(result.msg);
                }
              },
              'json'
      );
      return false;//阻止默认form跳转
    });
  });
</script>
</body>
</html>

